<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MathMind</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="container">
        <div class="login-box">
            <div class="icon-btn login-icon">
                <img src="../../favicon.png" alt="icon">
                <div style="color: white;">Math Mind</div>
            </div>
            <div class="title">登录</div>
            <div class="input">
                <input type="text" id="login-user" placeholder="">
                <span class="focus-input" data-placeholder="邮箱"></span>
            </div>
            <div class="input">
                <input type="password" id="login-password" placeholder="">
                <span class="focus-input" data-placeholder="密码"></span>
            </div>
            <div class="input treaty">
                <input type="checkbox" name="" id="istreaty" placeholder="">
                <label for="istreaty" class="treaty-label">记住我</label>
            </div>
            <div class="btn login-btn">
                <span>登录</span>
            </div>
            <div class="change-box login-change">
                <div class="change-btn toSign">
                    <span>去注册</span>
                </div>
            </div>
        </div>

        <div class="sign-box">
            <div class="icon-btn sign-icon">
                <div>Math Mind</div>
                <img src="../../favicon.png" alt="icon">
            </div>
            <div class="title">注册</div>
            <div class="input">
                <input type="text" id="sign-user" placeholder="">
                <span class="focus-input" data-placeholder="注册邮箱"></span>
            </div>
            <div class="input">
                <input type="password" id="sign-password" placeholder="">
                <span class="focus-input" data-placeholder="注册密码"></span>
            </div>
            <div class="input">
                <input type="password" id="sign-password2" placeholder="">
                <span class="focus-input" data-placeholder="请再次输入"></span>
            </div>
            <div class="input">
                <input type="text" id="verify-code" placeholder="">
                <span class="focus-input" data-placeholder="验证码"></span>
                <span class="getVerifyCode">获取验证码</span>
            </div>
            <div class="btn sign-btn">
                <span>注册</span>
            </div>
            <div class="change-box sign-change">

                <div class="change-btn toLogin">
                    <span>去登陆</span>
                </div>
            </div>
        </div>
    </div>

    <script src="./script.js"></script>
</body>

</html>
